<template>
  <el-dialog :title="title" :visible.sync="dialogFormVisible" width="500px" @close="close" append-to-body>
    <el-descriptions title="反馈要求" :column="1" size="medium" border labelStyle="width:100px;">
      <el-descriptions-item>
        <template slot="label">
          <i class="el-icon-chat-dot-square"></i>
          反馈要求
        </template>
        反馈要求反馈要求反馈要求反馈要求反馈要求反馈要求反馈要求反馈要求反馈要求反馈要求反馈要求反馈要求反馈要求反馈要求反馈要求反馈要求反馈要求反馈要求反馈要求反馈要求反馈要求反馈要求反馈要求反馈要求反馈要求反馈要求反馈要求反馈要求
      </el-descriptions-item>    
      

    </el-descriptions>
    <el-descriptions class="margintop" title="反馈内容" :column="1" size="medium" border labelStyle="width:100px;">
      
      <el-descriptions-item>
        <template slot="label">
          <i class="el-icon-tickets"></i>
          反馈描述
        </template>
        反馈描述反馈描述反馈描述反馈描述反馈描述反馈描述反馈描述反馈描述反馈描述反馈描述反馈描述反馈描述反馈描述反馈描述反馈描述反馈描述反馈描述反馈描述反馈描述反馈描述反馈描述反馈描述反馈描述反馈描述反馈描述
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label">
          <i class="el-icon-download"></i>
          附件下载
        </template>
        <el-tag size="small">点击下载</el-tag>
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label">
          <i class="el-icon-finished"></i>
          得分
        </template>
        80分
      </el-descriptions-item>
      

    </el-descriptions>
    <div slot="footer" class="dialog-footer" style="text-align:center;">
     
      <el-button @click="close">关 闭</el-button>

    </div>
  </el-dialog>
</template>

<script>
export default {
  name: 'dcEdit',
  data() {
    return {
      form: {
        username: '',
        password: '',
        email: '',
        defen: '',
        permissions: [],
      },      
      title: '',
      dialogFormVisible: false,      
    }
  },
  created() { },
  methods: {
    showDia(row) {
      if (!row) {
        this.title = '添加'
      } else {
        this.title = '详情'        
      }
      this.dialogFormVisible = true
    },    
    close() {     
      this.dialogFormVisible = false
    },    
  },
}
</script>
<style lang="scss" scoped>
 .margintop{margin-top:13px;}
 ::v-deep{
  .el-descriptions__header{margin-bottom:10px;.el-descriptions__title{font-size:14px;}}
 }
</style>
